<template>
  <div>
    <div class="container-mini">
      <loading-bar v-bind:progress.sync="state.services.progress"></loading-bar>
    </div>
    <navigation></navigation>
    <div class="main-wrapper">
      <div class="container-mini"><router-view></router-view></div>
    </div>
    <a class="back-to-top" @click.prevent="backToTop"
      ><i class="ion-chevron-up"></i
    ></a>
    <footer>
      <div class="container-mini">
        <p class="copyright">
          Copyright (c) By<a href="https://github.com/BosNaufal"> Bos Naufal</a>
        </p>
      </div>
    </footer>
  </div>
</template>

<script>
import "bootstrap/dist/css/bootstrap.min.css";
import "./assets/css/main.css";
import navigation from "./components/nav/navigation.vue";
import loadingBar from "vue2-loading-bar";
export default {
  replace: false,

  components: { navigation, loadingBar },

  methods: {
    backToTop() {
      document.body.scrollTop = 0;
    }
  },

  created() {
    this.$action("services:initial_state");
  }
};
</script>
